<template>
  <div class="good-show-card">
    <img :src="require('@/assets/image/default_img.png')"
         alt="">
    <li>
      <span>¥388</span>
      <span>¥799</span>
    </li>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  created () { },
  methods: {}
}

</script>
<style lang='scss' scoped>
// 最外层容器需设置display:flex
.good-show-card {
  flex: 1;
  margin-right: 0.3rem;
  img {
    width: 100%;
    height: 77%;
    margin-bottom: 0.1rem;
    border-radius: 0.1rem;
  }
  li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    span {
      &:first-child {
        font-size: 0.32rem;
        color: #e85014;
      }
      &:last-child {
        font-size: 0.28rem;
        text-decoration: line-through;
        color: #999999;
      }
    }
  }
  &:last-child {
    margin-right: 0;
  }
}
</style>